!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[TextAreaInput]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[TextAreaInput]"]=t(require("react")):e["rb_wixui.thunderbolt[TextAreaInput]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){"use strict";n.r(o),n.d(o,{components:function(){return T}});var e=n(448),t=n.n(e),r=n(5329);function a(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=a(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}var i=function(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=a(e))&&(n&&(n+=" "),n+=t);return n};const s="wixui-",l=(e,...t)=>{const r=[];return e&&r.push(`${s}${e}`),t.forEach((e=>{e&&(r.push(`${s}${e}`),r.push(e))})),r.join(" ")};const u=13,c=27;function d(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}d(32),d(u),d(c);var p={root:"text-box",label:"text-box__label",input:"text-box__input"};const f=({size:e,...t})=>r.createElement("svg",{viewBox:"0 0 20 20",fill:"currentColor",width:e||"20",height:e||"20",...t},r.createElement("path",{fillRule:"evenodd",d:"M9.5,3 C13.084,3 16,5.916 16,9.5 C16,13.084 13.084,16 9.5,16 C5.916,16 3,13.084 3,9.5 C3,5.916 5.916,3 9.5,3 Z M9.5,4 C6.467,4 4,6.467 4,9.5 C4,12.533 6.467,15 9.5,15 C12.533,15 15,12.533 15,9.5 C15,6.467 12.533,4 9.5,4 Z M10,11 L10,12 L9,12 L9,11 L10,11 Z M10,7 L10,10 L9,10 L9,7 L10,7 Z"}));f.displayName="ErrorSmall";var v=f,x="TLWrjM",b="GIPQqH",m="JNgJbf";const y=e=>{let{errorMessage:t,errorMessageType:n,shouldShowValidityIndication:o,translations:a,dataHook:i,componentViewMode:s}=e;const l="editor"===s?(null==a?void 0:a.errorMessage)||"Error text displays here.":t;return"inline"===n&&o&&l?r.createElement("div",{"data-hook":i||"inline-error-message",className:x},r.createElement(v,{className:b}),r.createElement("span",{className:m},l)):null};var h={TextAreaDefaultSkin:"snt4Te",textAreaDefaultSkin:"snt4Te",textarea:"rEindN","validation-indication":"pOExcs",validationIndication:"pOExcs",label:"PSkPrR",hasLabel:"oKe0Po","required-indication":"NyPO4H",requiredIndication:"NyPO4H",ResponsiveTextAreaDefaultSkin:"lk9PkF",responsiveTextAreaDefaultSkin:"lk9PkF"};const g=()=>{},C=(e,n)=>{var o;const{skin:a,id:s,className:u,customClassNames:c=[],value:d="",label:f,placeholder:v,readOnly:x,required:b,isDisabled:m,maxLength:C,isResponsive:M,shouldShowValidityIndication:w,isValid:k,errorMessageType:E="tooltip",validateValue:S=g,onValueChange:I=g,setValidityIndication:P=g,onBlur:T=g,onFocus:O=g,onKeyPress:L=g,onInput:_=g,onChange:j=g,onClick:V=g,onDblClick:A=g,onMouseEnter:N=g,onMouseLeave:R=g,ariaAttributes:D,componentViewMode:q,translations:$}=e,[F,H]=r.useState(),Z=r.useRef(null),[B,K]=r.useState(!0);r.useImperativeHandle(n,(()=>({focus:()=>{var e;null==(e=Z.current)||e.focus()},blur:()=>{var e;null==(e=Z.current)||e.blur()},setCustomValidity:e=>{var t;"message"===e.type&&(null==(t=Z.current)||t.setCustomValidity(e.message))}})));const J=()=>{B&&K(!1)},U=e=>{H(!0),I(e),S(),P(!1)};r.useEffect((()=>{U(d)}),[]);const W=!!f,z=i(h[a],u,l(p.root,...c),{[h.hasLabel]:W,[h.requiredIndication]:b,[h.validationIndication]:!!w});return r.createElement("div",t()({id:s},(e=>Object.entries(e).reduce(((e,[t,r])=>(t.includes("data-")&&(e[t]=r),e)),{}))(e),{className:z,onClick:e=>{m||V(e)},onDoubleClick:e=>{m||A(e)},onMouseEnter:e=>{m||N(e)},onMouseLeave:e=>{m||R(e)}}),r.createElement("label",{htmlFor:"textarea_"+s,className:i(h.label,l(p.label))},f),r.createElement("textarea",t()({ref:Z,id:"textarea_"+s,className:i(h.textarea,"has-custom-focus",l(p.input)),rows:M?1:void 0,value:d,onFocus:O,onKeyDown:L,onChange:e=>{J(),U(e.currentTarget.value),e.type="input",_(e)},onBlur:e=>{P(!0),J(),T(e),F&&j({...e,type:"change"}),H(!1)},placeholder:v,readOnly:x,required:b,"aria-required":b,"aria-invalid":!k&&void 0!==k||!B&&!(null!=(G=Z.current)&&G.validity.valid),maxLength:null===C?void 0:C,disabled:m},(({role:e,tabIndex:t,tabindex:r,...n}={})=>{const o=Object.entries(n).reduce(((e,[t,r])=>({...e,[`aria-${t}`.toLowerCase()]:r})),{role:e,tabIndex:t??r});return Object.keys(o).forEach((e=>{void 0!==o[e]&&null!==o[e]||delete o[e]})),o})(D))),r.createElement(y,{errorMessageType:E,errorMessage:null==(o=Z.current)?void 0:o.validationMessage,shouldShowValidityIndication:w,translations:$,componentViewMode:q}));var G};var M=r.forwardRef(C);const w=(e,n)=>r.createElement(M,t()({isResponsive:!1,ref:n},e));const k=(e,n)=>r.createElement(M,t()({isResponsive:!0,ref:n},e));const E={TextAreaDefaultSkin:r.forwardRef(w),ResponsiveTextAreaDefaultSkin:r.forwardRef(k)},S=(e,n)=>{const{skin:o}=e,a=E[o];return r.createElement(a,t()({ref:n},e))};const I=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`));var P;const T={TextAreaInput:{component:r.forwardRef(S),controller:(P=e=>{let{mapperProps:t,controllerUtils:r}=e;return{...t,...(n=r.updateProps,{onValueChange:e=>{n({value:e})},setValidityIndication:e=>{n({shouldShowValidityIndication:e})}})};var n},{useComponentProps:(e,t,r)=>{const n=(e=>({...e,updateStyles:t=>{const r=Object.entries(t).reduce(((e,[t,r])=>{return{...e,[(n=t,n.startsWith("--")?t:I(t))]:void 0===r?null:r};var n}),{});e.updateStyles(r)}}))(r);return P({mapperProps:e,stateValues:t,controllerUtils:n})}})}}}(),o}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[TextAreaInput].8fade781.bundle.min.js.map